$themes: (
  light: (
    primary: #469BFF,
		success:#4cd964,
		warning:#f0ad4e,
		error:#dd524d,
    text: #fff,
		/* 文字基本颜色 */
		textColor:#333,//基本色
		textColorInverse:#fff,//反色
		textColorGrey:#999,//辅助灰色，如加载更多的提示信息
		textColorPlaceholder: #808080,
		textColorDisable:#c0c0c0,
		/* 背景颜色 */
		bgColor:#ffffff,
		bgColorGrey:#f8f8f8,
		bgColorHover:#f1f1f1,//点击状态颜色
		bgColorMask:rgba(0, 0, 0, 0.4),//遮罩颜色
		/* 边框颜色 */
		borderColor:#c8c7cc,
		
  ),
  dark: (
    primary: #000,
    success:#4cd964,
    warning:#f0ad4e,
    error:#dd524d,
    text: #000,
    /* 文字基本颜色 */
    textColor:#333,//基本色
    textColorInverse:#fff,//反色
    textColorGrey:#999,//辅助灰色，如加载更多的提示信息
    textColorPlaceholder: #808080,
    textColorDisable:#c0c0c0,
    /* 背景颜色 */
    bgColor:#ffffff,
    bgColorGrey:#f7f7f7,
    bgColorHover:#f1f1f1,//点击状态颜色
    bgColorMask:rgba(0, 0, 0, 0.4),//遮罩颜色
    /* 边框颜色 */
    borderColor:#c8c7cc,
  ),
);
// 新增全局变量声明
$theme-map: null !default; // 根作用域声明
// 混入器生成主题样式
@mixin themeify {
  @each $theme-name, $theme-map in $themes {
    // 用 !global 提升作用域
    $theme-map: $theme-map !global;

    // 生成 .theme-light / .theme-dark 类
    .theme-#{$theme-name} & {
      @content; // 插入子样式
    }
  }
};
// 用于同级元素的主题设置
@mixin _themeify {
  @each $theme-name, $theme-map in $themes {
    // 用 !global 提升作用域
    $theme-map: $theme-map !global;

    // 生成 .theme-light / .theme-dark 类
    &.theme-#{$theme-name} {
      @content; // 插入子样式
    }
  }
};

// 主题属性获取函数
@function themed($key) {
  @return map-get($theme-map, $key);
};

// 全局主题类容器样式（可选）
.theme-container {
  transition: background-color 0.3s, color 0.3s;
};